<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>现金应收应付库存</title>
    <!--首先引入layui外部样式-->
    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/cashAccrualStock.js"></script>
</head>
<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>
<body>

<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="mytable" lay-filter="mytable"></table>

<!--工具条-->
<script type="text/html" id="userToolBar">
    <div style="float: right">
        <input type="checkbox"lay-event="initialState" title="是否为期初数据" lay-filter="initialState">&nbsp&nbsp&nbsp&nbsp
        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="addbtn">
            <i class="layui-icon">&#xe654;</i>添加数据</button>
        <button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="deleteAll" style="color:#ff0000"><i
                class="layui-icon">&#xe640;</i>批量删除</button>
    </div>
    <from class="layui-form layui-col-space5">
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label" style="width: 110px;text-align: center">业务类型</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="businessType" id="businessType2">
                    <option value="">请选择</option>
                    <option value="1">托管费</option>
                    <option value="2">管理费</option>
                    <option value="3">存款利息</option>
                    <option value="4">申购赎回费</option>
                </select>
            </div>
        </div>
        <!--采用日期来进行模糊查询-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">业务日期</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <input autocomplete="off" class="layui-input dateStr"id="date1" lay-verify="time" name="date"  placeholder="请选择日期" type="text">
        </div>
        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </from>
</script>
<!--增加的窗口-->
<div id="addCash" style="width:100%;display: none; text-align:center" >
    <form id="addForm" class="layui-form layui-form-pane" style="margin: 50px auto;display: inline-block" action="">
        <div class="layui-inline layui-show-xs-block"style="left:-190px;margin-top: -10px">
            <label class="layui-form-label" style="text-align: center">业务状态</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="businessState" id="businessState">
                    <option value="">请选择</option>
                    <option value="1">流入</option>
                    <option value="-1">流出</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item"style="margin-left: 430px;margin-top: -35px">
            <label class="layui-form-label layui-bg-gray">现金id</label>
            <!--            这里的现金名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示现金名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="cashId" id="cashId" lay-verify="required"
                       placeholder="请输入现金编号" autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block"style="margin-left: -10px;margin-top: 25px">
            <label class="layui-form-label" style="text-align: center;">业务日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input dateStr1" placeholder="请输入业务日期" name="date" id="date" style="width: 215px">
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block" style="margin-top: 20px;margin-left: 40px">
            <label class="layui-form-label" style="text-align: center">期初状态</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="initialState" id="initialState">
                    <option value="1">是</option>
                    <option value="2">否</option>
                </select>
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block" style="left: -55px;margin-top: 30px">
            <label class="layui-form-label" style="text-align: center;">总金额</label>
            <div class="layui-input-inline">
                <input type="text" name="money" width="300px" id="money" lay-verify="required"
                       placeholder="请输入总金额" autocomplete="off" class="layui-input" >
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block" style="left: 40px;margin-top: 40px">
            <label class="layui-form-label" style="text-align: center">业务类型</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="businessType" id="businessType">
                    <option value="">请选择</option>
                    <option value="1">托管费</option>
                    <option value="2">管理费</option>
                    <option value="3">存款利息</option>
                    <option value="4">申购赎回款</option>
                </select>
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block"style="margin-top: 30px">
            <label class="layui-form-label" style="text-align: center;width: 130px; height: 100px; line-height: 81px">备注</label>
            <div class="layui-inline layui-show-xs-block">
                <textarea class="layui-textarea" placeholder="请输入备注（可写可不写）" style="width: 464px" name="remark" id="remark"></textarea>
            </div>
        </div>
        <div style="position: absolute; bottom: 50px; margin-left:280px;">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="addsubmit">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" name="offSubmit" style="color: #ff0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>

<!--修改用户的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="updateSe" style="width:100%;display: none;text-align: center">
    <form id="updateForm" class="layui-form layui-form-pane" lay-filter="myFrom2" action="">
        <input name="cashAccrualStockId" type="hidden">

        <div class="layui-form-item" style="margin-top: 40px;margin-left: 80px">
            <label class="layui-form-label layui-bg-gray">现金编号</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="cashId" id="cashId1" lay-verify="required"
                       placeholder="请输入现金编号" autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block" style="margin-left: 450px;margin-top: -80px">
            <label class="layui-form-label" style="text-align: center">业务状态</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="businessState">
                    <option value="">请选择</option>
                    <option value="1">流入</option>
                    <option value="-1">流出</option>
                </select>
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block" style="left: -30px;top:20px">
            <label class="layui-form-label" style="text-align: center;">业务日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input dateStr2" placeholder="请输入业务日期" name="date" id="date2" style="width: 215px">
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block" style="left: 50px;top: 20px">
            <label class="layui-form-label" style="text-align: center;">总金额</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="请输入总金额" name="money" id="money2">
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block" style="top: 80px;left:-40px">
            <label class="layui-form-label" style="text-align: center">证券类型</label>
            <div class="layui-inline layui-show-xs-block">
                <select name="businessType" id="businessType1">
                    <option value="">请选择</option>
                    <option value="1">托管费</option>
                    <option value="2">管理费</option>
                    <option value="3">存款利息</option>
                    <option value="4">申购赎回款</option>
                </select>
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block" style="left: 60px;top: 80px">
            <label class="layui-form-label" style="text-align: center;">备注</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="请输入备注"  name="remark" id="remark1">
            </div>
        </div>
        <div class="layui-form-item" style="width:80%;margin-left: 10%;margin-top: 20%;text-align: center">
            <!--            lay-filter="updateSysUser" 这里跟js里form.on submit()里的名字一样-->
            <button class="layui-btn" style="background-color: #1E9FFF" lay-submit="" lay-filter="updateSe" >
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" name="offSubmit" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>

    </form>

</div>

</body>
</html>